<div class="ring">
  <div class="line" style="--i: 1"></div>
  <div class="line" style="--i: 2"></div>
  <div class="line" style="--i: 3"></div>
  <div class="line" style="--i: 4"></div>
  <div class="line" style="--i: 5"></div>
  <div class="line" style="--i: 6"></div>
  <div class="line" style="--i: 7"></div>
  <div class="line" style="--i: 8"></div>
  <div class="line" style="--i: 9"></div>
  <div class="line" style="--i: 10"></div>
  <div class="line" style="--i: 11"></div>
  <div class="line" style="--i: 12"></div>
</div>
